<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PocketMine Server Manager</title>
    <!-- PMS Design -->
    <link rel="stylesheet" href="css/psm.css">
    <!-- Material Design -->
    <link rel="stylesheet" href="css/icon.css">
    <link rel="stylesheet" href="css/roboto.css">
    <link rel="stylesheet" href="../node_modules/material-components-web/dist/material-components-web.css">
</head>


<body class="mdc-typography">
    <span id="contents">
        <ul class="mdc-list mdc-list--two-line" id="serverPicker"></ul>
    </span>
    <!-- Left click element -->
    <div class="mdc-simple-menu mdc-simple-menu--open-from-top-right" id="leftClick" tabindex="-1" data-mdc-auto-init="MDCSimpleMenu">
        <ul class="mdc-simple-menu__items mdc-list" role="menu" aria-hidden="true">
            <li class="mdc-list-item" role="menuitem" tabindex="0" id="addServerOpen">Add server</li>
            <li class="mdc-list-item" role="menuitem" tabindex="0" id="modifyServerBtn">Modify servers</li>
            <li class="mdc-list-item" role="menuitem" tabindex="0" onclick="require('./js/main.js').exit();">Exit PocketMine Server Manager</li>
        </ul>
    </div>
    <!-- Add button -->
    <button class="mdc-fab mdc-ripple-upgraded material-icons mdc-toolbar__icon mdc-theme--accent-bg mdc-ripple-surface mdc-elevation--z2 footerFab" id="footerAddServer" data-mdc-auto-init="MDCRipple">
    	<span class="mdc-fab__icon">add</span>
    </button>
</body>

<script src="js/serverPicker.js"></script>

</html>